<template>
  <div class="scenecont">
    <div style="width: 1200px; margin: 0 auto">
      <!-- 面包屑 -->
      <a-breadcrumb class="Allbreadcrumb" separator=">">
        <a-breadcrumb-item>
          <a href="/">首页</a>
        </a-breadcrumb-item>
        <a-breadcrumb-item><a href="/employment/home">创业就业</a>
        </a-breadcrumb-item>
        <a-breadcrumb-ite style="color: #ffbe37">创业列表</a-breadcrumb-ite>
      </a-breadcrumb>
      <!-- 企业简介 -->
      <div class="screen">
        <div class="companyconttop">
          <div class="displayinline">
            <img class="qiyeimg" src="@/assets/image/competition/cyimg.png" alt="">
          </div>
          <div class="displayinline jydetail">
            <p class="txt1">
              新媒体创业项目
            </p>
            <p class="txt2">
              <span class="cybq">标签标签</span><span class="cybq">标签标签</span><span class="cybq">标签标签</span>
            </p>
            <p class="txt3">
              项目特点：
              <span>
                本公司是中国唯一 一家专营糖葫芦品牌推广，花车制作，材料用品，技术转让，加盟连锁的合法注册公司。老北京【果艺坊】，
                国家商标局注册商标 ，法律保护，自主研发的仿古花车,本公司专利产品，古色古香，惟妙惟肖，彰显老北京风情；
              </span>
            </p>
            <p class="txt3">
              扶持政策：
              <span>
                本公司是中国唯一 一家专营糖葫芦品牌推广，花车制作，材料用品，技术转让，加盟连锁的合法注册公司。老北京【果艺坊】，
                国家商标局注册商标 ，法律保护，自主研发的仿古花车,本公司专利产品，古色古香，惟妙惟肖，彰显老北京风情；
              </span>
            </p>
            <div>
              <button class="gxqbtn"  v-if="!collectFlage" @click="collectFlag()">
                <a-icon type="star" style="color: #ffbe37" /> 感兴趣
              </button>
              <button class="gxqbtn"
                v-else
                @click="collectFlag()"
              >
                <img
                  class="icon"
                  width="18"
                  src="@/assets/image/icon22.png"
                  alt=""
                /> 已感兴趣
              </button>
            </div>

          </div>
        </div>
      </div>

      <!-- 详细介绍 -->
      <div class="companydetail">
        <a-tabs v-model:activeKey="activeKey">
          <a-tab-pane key="1" tab="项目详情">
            <p class="lineh1">
              今日来给大家1个运营特色火锅店的加盟连锁知名品牌，周师兄大刀腰片火锅。周师兄大刀腰片火锅这一知名品牌很多年来的运营始终全是非常好的，周师兄大刀腰片火锅总公司很多年来始终秉持着制做高质量的商品经营管理理念，不仅让每一名顾客都能吃出美味可口的火锅并且还能吃出高质量的火锅，因此周师兄大刀腰片火锅是十分非常好的，因而而获得了诸多顾客的相同五星好评。
              周师兄大刀腰片火锅归属于重庆市周师兄大刀腰片餐饮管理服务有限责任公司，公司总部在重庆市渝北区金童路，周师兄大刀腰片火锅这一知名品牌始于重庆市，开创于2012年，周师兄大刀腰片火锅总公司给与了周师兄大刀腰片火锅这一知名品牌挺大的协助和适用，而促使周师兄大刀腰片火锅在不断开展改善和自主创新，发布了大量的口感和类型，考虑了不一样顾客的不一样的要求。
              今日来给大家1个运营特色火锅店的加盟连锁知名品牌，周师兄大刀腰片火锅。周师兄大刀腰片火锅这一知名品牌很多年来的运营始终全是非常好的，周师兄大刀腰片火锅总公司很多年来始终秉持着制做高质量的商品经营管理理念，不仅让每一名顾客都能吃出美味可口的火锅并且还能吃出高质量的火锅，因此周师兄大刀腰片火锅是十分非常好的，因而而获得了诸多顾客的相同五星好评。
              周师兄大刀腰片火锅归属于重庆市周师兄大刀腰片餐饮管理服务有限责任公司，公司总部在重庆市渝北区金童路，周师兄大刀腰片火锅这一知名品牌始于重庆市，开创于2012年，周师兄大刀腰片火锅总公司给与了周师兄大刀腰片火锅这一知名品牌挺大的协助和适用，而促使周师兄大刀腰片火锅在不断开展改善和自主创新，发布了大量的口感和类型，考虑了不一样顾客的不一样的要求。
              今日来给大家1个运营特色火锅店的加盟连锁知名品牌，周师兄大刀腰片火锅。周师兄大刀腰片火锅这一知名品牌很多年来的运营始终全是非常好的，周师兄大刀腰片火锅总公司很多年来始终秉持着制做高质量的商品经营管理理念，不仅让每一名顾客都能吃出美味可口的火锅并且还能吃出高质量的火锅，因此周师兄大刀腰片火锅是十分非常好的，因而而获得了诸多顾客的相同五星好评。
              周师兄大刀腰片火锅归属于重庆市周师兄大刀腰片餐饮管理服务有限责任公司，公司总部在重庆市渝北区金童路，周师兄大刀腰片火锅这一知名品牌始于重庆市，开创于2012年，周师兄大刀腰片火锅总公司给与了周师兄大刀腰片火锅这一知名品牌挺大的协助和适用，而促使周师兄大刀腰片火锅在不断开展改善和自主创新，发布了大量的口感和类型，考虑了不一样顾客的不一样的要求。
            </p>
          </a-tab-pane>
        </a-tabs>
      </div>



    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: "1",
        activeKey:'1',
        collectFlage: false,
      }
    },

    watch: {

    },
    mounted() {


    },
    methods: {
      gotojypx(){ //前往教育培训页面
        this.$router.push('/competition/company')
      },
      // 收藏功能,暂时不全
      collectFlag(e) {
        console.log(e)
        this.collectFlage = !this.collectFlage;
      },
    }
  }
</script>

<style scoped="scoped">
  .txt1 {
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #000000;
    margin-bottom: 12px;
    line-height: 50px;
  }

  .companydetail p{
    margin:0 0 20px 0;
  }

  h1{
    font-weight: bold;
  }

  .frl{
    float: right;
        margin-top: 10px;
  }

  .jydetail{
    width: 755px;
    margin-left: 20px;
  }

  .border50 {
    width: 24px;
    height: 24px;
    background-color: rgba(216, 216, 216, 1);
    border-radius: 50%;
    display: inline-block;
    vertical-align: sub;
    margin-right: 8px;
  }

  .cybq{
    display: inline-block;
    width: 78px;
    height: 23px;
    background: url(~@/assets/image/competition/biaoqian1.png) no-repeat;
    text-align: center;
    line-height: 23px;
        color: rgba(35, 45, 50, 1);
        font-size: 12px;
        font-family: PingFangSC-Medium;
  }

  .gxqbtn{
    width: 120px;
    height: 40px;
    background: rgba(255, 190, 55, 0.18);
    border-radius: 4px;
    border: 1px solid #FFBE37;
    font-size: 15px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
  }

  .txt2{
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    margin-bottom: 12px;
  }

  .txt3{
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    margin-bottom: 16px;
    line-height: 22px;
  }

  .jyxxul{
    padding: 16px 0;
  }

  .jyxxul>li{
    position: relative;
    padding: 8px 0;
    margin-bottom: 24px;
  }

  .lineh1{
    line-height: 26px;
  }

  .txt8{
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    margin-top: 12px;
  }

  .txt9{
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
  }

  .pltop{
    padding: 8px 24px 8px 0;
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #1A1A1A;
    line-height: 34px;
    border-bottom: 1px solid #D8D8D8;
  }

  .txt7{
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    margin-top: 19px;
  }

  .jyimgw{
    width: 180px;
    height: 120px;
  }

  .cyimgw{
    width: 158px;
    height: 90px;
  }

  .mt12{
    margin-top: 12px;
  }

  .txt6{
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
  }

  .txt5{
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #333333;
    margin-top: 4px;
  }


  .displayinline2{
    display:inline-block;
    vertical-align: top;
  }

  .jyxmcon{
    width: 420px;
    height: 510px;
    background: #FFFFFF;
    display: inline-block;
    padding: 24px;
  }

  .leftwarp{
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    width: 760px;
  }

  .jypxcon{
    width: 760px;
    height: 522px;
    background: #FFFFFF;
    margin-top: 20px;
    padding: 24px;
  }

  .bottomcont{
    width: 1200px;
    margin-top: 20px;
  }

  .cyxmcon{
    width: 760px;
    height: 318px;
    background: #FFFFFF;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    padding: 24px;
  }

  .mt20 {
    margin: 20px 0
  }

  .scenecont {
    background: #F5F6FA;
    padding-bottom: 20px;
  }

  .h1title {
    font-size: 20px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    margin-top: 24px;
  }

  .companydetail {
    width: 1200px;
    height: 480px;
    background: #FFFFFF;
    margin-top: 20px;
    padding: 24px;
  }

  ::-webkit-scrollbar-track-piece {

    border-radius: 6px;
    background-color: #ccc;
  }

  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #eee;
    background-clip: padding-box;
    min-height: 28px;
  }

  .displayinline {
    display: inline-block;
    vertical-align: top;
  }

  .buttonstyle {
    width: 180px;
    height: 40px;
    background: #FFBE37;
    border-radius: 20px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 40px;
  }

  .qiyeimg {
    width: 360px;
    height: 320px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    border: 1px solid #D9D9D9;
  }

  .screen {
    width: 1200px;
    height: 320px;
    background: #FFFFFF;
  }

  .companyconttop {
    /* width: 1200px;
    height: 128px;
    background: url(~@/assets/image/competition/companylogo.png) rgba(19, 41, 84, 0.2); */
    /* padding: 24px 32px; */
  }



  /deep/ .ant-tabs-nav .ant-tabs-tab:last-child {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  /deep/ .ant-tabs-nav .ant-tabs-tab-active {
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600 !important;
    color: #1A1A1A;
    text-shadow: none;
  }

  /deep/ .ant-tabs-nav .ant-tabs-tab {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
  }

  /deep/ .ant-tabs-ink-bar {
    background-color: #1A1A1A;
  }

  /deep/ .ant-tabs-bar {
    border-bottom: 1px solid #D8D8D8;
  }
</style>
